page {
    background-color: #f3f3f3;
}

.container{
	padding-top: 20upx;
	width: 100%;
	padding-left: 30upx;
	padding-right: 30upx;
	
	.row {
	    // width: calc(100% - 40upx);
	    padding: 10upx 20upx;
	    border-radius: 10upx;
	    background-color: #fff;
	    margin-bottom: 25upx;
	    .top {
	        display: flex;
	        justify-content: space-between;
	        align-items: center;
	        border-bottom: 1rpx #ccc solid;
	        .promotion_type {
	            margin-right: 5px;
	            font-size: 16px;
	            width: 60px;
	            color: #fff;
	            background-color: #b4282d;
	            min-width: 34px;
	            height: 28px;
	            border-radius: 6px;
	        }
	        .order-num {
	            font-size: 24rpx;
	        }
	        .type {
	            font-size: 24upx;
	            height: 50upx;
	            display: flex;
	            align-items: center;
	        }
	    }
		.uni-col {
			line-height: 50rpx;
			padding-top: 10rpx;
		}
	    .order-info {
	        width: 100%;
	        display: flex;
	        justify-content: flex-start;
	        .left {
	            flex-shrink: 0;
	            width: 20vw;
	            height: 20vw;
	            padding-top: 20rpx;
	            image {
	                width: 15vw;
	                height: 15vw;
	                border-radius: 12px;
	                -webkit-border-radius: 12px;
	                -moz-border-radius: 12px;
	            }
	        }
	        .right {
	            width: 350rpx;
	            margin-left: 10upx;
	            .name {
	                width: 100%;
	                font-size: 24upx;
	                padding-top: 40rpx;
	                ;
	                white-space: nowrap;
	                text-overflow: ellipsis;
	                overflow: hidden;
	            }
	            .spec {
	                color: #a7a7a7;
	                font-size: 22upx;
	                padding: 10rpx 0;
	            }
	        }
	        .price-number {
	            width: 155rpx;
	            display: flex;
	            justify-content: center;
	            font-size: 24upx;
	            color: #333;
	            align-items: center;
	            // .price{
	            // 	font-size: 24upx;
	            // 	margin-right: 5upx;
	            // }
	        }
	    }
	    .detail {
	        display: flex;
	        justify-content: flex-end;
	        align-items: flex-end;
	        height: 60upx;
	        font-size: 24upx;
	        .sum {
	            padding: 0 8upx;
	            display: flex;
	            align-items: flex-end;
	            .price {
	                font-size: 30upx;
	            }
	        }
	    }
	    .btns {
	        height: 70upx;
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	        border-top: 1rpx #ccc solid;
	        margin-top: 10rpx;
	        view {
	            min-width: 60upx;
	            height: 50upx;
	            border-radius: 12upx;
	            display: flex;
	            justify-content: center;
	            align-items: center;
	            font-size: 24upx;
	        }
			.bill{
				color: #d43030;
			}
	        .con {
	            .default {
	                border: solid 1upx #ccc;
	                color: #666;
	                padding: 0 20upx;
	                margin-left: 20upx;
	            }
	            .pay {
	                color: #fff;
	                ;
	                padding: 0 20upx;
	                background: rgb(180, 40, 45);
	                margin-left: 20upx;
	            }
	        }
	    }
	}
	
	.sign-canvas {
	    display: block;
		margin-bottom: 40rpx;
	}
	
	.btns {
		uni-button[type="default"]{
			margin-top: 30rpx;
			background-color: #43cf7c;
			color: #fff;
		}
	}

}